<?php include_once 'header.php'; ?>
<div id="middle" class="diamond-background" style="background-color:#F0F0F0;">

    <div class="right-sidebar-white">
        <div class="sidebar-header text-center">
            <a href="#">All</a>
            <a href="#">Trends</a>
            <a href="#">Products</a>
            <a href="#" class="active">Brands</a>
        </div>

        <div class="siderbar-middle">
            <p class="searchtools-text">Search/Tools</p>
            <p><input type="text" placeholder="Start typing..."/></p>
        </div>

        <div class="sidebar-footer text-right">
            <p><a href="#">Filter By: Diamond Supply Co.</a></p>
            <p><a href="#" class="active">All Trends(530)</a></p>
            <p><a href="#">Products(328)</a></p>
            <p><a href="#">Social Feeds(202)</a></p>

            <div class="social-block text-right">
                <p class="heading">Socials</p>
                <a href="#">Facebook</a>
                <a href="#">Twitter</a>
                <a href="#">Instagram</a>
                <a href="#">Youtube</a>
            </div>
        </div>
    </div>
    <div class="products-scroller" style="height:100%;position:relative;overflow: hidden;">
        <div class="diamond-logo-description">
            <img src="<?php echo IMAGES_PATH; ?>/diamond-supply-co.jpg" alt="image" class="logo-image"/>
        </div>
        <div class="diamond-description-block pull-left">

            <div class="clearfix upper-part">
                <div class="pull-left">
                    <img src="<?php echo IMAGES_PATH; ?>/badges-gold.png" alt="image"/>
                </div>

                <div class="subscribe pull-right">
                    <p class="inline-block">Subscribe:</p>
                    <ul class="socials inline-block">
                        <li><a href="#"><img src="<?php echo IMAGES_PATH; ?>/facebook-subscribe.png" alt="image"/></a></li>
                        <li><a href="#"><img src="<?php echo IMAGES_PATH; ?>/twitter-subscribe.png" alt="image"/></a></li>
                        <li style="position: relative"><a href="#"><img src="<?php echo IMAGES_PATH; ?>/plus-subscribe.png" alt="image"/></a>
                            <ul class="bubble bubble-top" style="right: -9px;width: 180px;">
                                <li><a href="#"><img src="<?php echo IMAGES_PATH; ?>/instagram-subscribe.png" alt="image"/></a></li>
                                <li><a href="#"><img src="<?php echo IMAGES_PATH; ?>/youtube-subscribe.png" alt="image"/></a></li>
                                <li><a href="#"><img src="<?php echo IMAGES_PATH; ?>/pinterest-subscribe.png" alt="image"/></a></li>
                                <li><a href="#"><img src="<?php echo IMAGES_PATH; ?>/gplus-subscribe.png" alt="image"/></a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="lower-part">
                <p class="brand-unique-id">@DiamondSupplyCo</p>
                <p class="title-above-description">Diamond Supply Co</p>
                <hr/>
                <div class="description-text vertical-scroller" style="overflow:hidden;">
                    <p>
                        Diamond Supply Co. was founded in 1998 when Nicholas Tershay (aka Nick Diamond) created a skateboarding hardware line from his humble one-bedroom apartment in San Francisco. In 2000, Nick moved to Los Angeles and began building Diamond Supply Co. in Mike Carroll & Rick Howard’s legendary Girl Skateboards distribution house - soon growing Diamond Supply Co. to a full range of skateboard hard and soft goods, including bolts, bearings, t-shirts, fleece, accessories and more. Having a strong design aesthetic, and a commitment for creating high quality goods, Diamond Supply Co. was quickly embraced by skate and street fashion communities alike.

                        In 2005, Nike Skateboarding asked Nick to design his own signature Diamond Nike SB Dunk, which quickly became one of the most sought-after sneakers, and hailed as one of the greatest Nike SB’s of all-time by esteemed publications and collectors alike.

                        In 2006, Diamond Supply Co. opened its flagship doors in the historic Fairfax neighborhood in Los Angeles, and has remained a cultural staple since. Home to exclusive special releases, the shop is no stranger to lines that wrap around the block or the un-announced pro-skater, artist, or athlete, stopping by to pick up the latest releases.

                        In 2013, Diamond Supply Co. will open two more flagship locations. The first in Nick Tershay’s home of San Francisco and a second location in downtown New York City, in the heart of SoHo.

                        Diamond Supply Co. has an elite team roster of more than 100 of the best skateboarders in the World, from the likes of Paul Rodriguez, Eric Koston, Stevie Williams, Torey Pudwill, Nyjah Huston, and more.

                        Under Nick Tershay’s signature design and aesthetic, Diamond Supply Co. maintains a strong focus on delivering skateboarding goods with high integrity and matching quality, keeping true to its roots and remaining unchanged for over 15 years.

                        Whether a skateboarder, artist, designer, or athlete, anyone who pursues his or her dream, and makes that dream a reality represents the #DIAMONDLIFE
                    </p>
                </div>
            </div>
        </div>

        <div class="trends-grid-block products-grid-block isotope" style="padding-left: 0 !important;">

            <?php
                for ($i = 1; $i <= 10; $i++)
                {
                    ?>

                    <div class="product-grid" >
                        <div class="product-details" style="background:url('<?php echo IMAGES_PATH; ?>/shoes.jpg') no-repeat scroll center 20% rgba(0, 0, 0, 0);position:relative;">
                            <p class="text-right">$41.50</p>

                            <div class='text-center'>
                            <!--<img src="<?php echo IMAGES_PATH; ?>/shoes.jpg" alt="image"/>-->
                            </div>
                            <div class="product-desc">
                                <p class='product-title'><a href='#'>Men's running shoes</a></p>
                                <p class='category'><a href='#'>Men</a> | <a href='#'>Footwear</a></p>
                            </div>
                        </div>
                        <div class="social-details">
                            <p class="pull-left">2 Likes</p>
                            <p class="pull-right">4 Shares</p>
                        </div>
                    </div>

                    <div class="product-grid" >
                        <div class="product-details" style="background:url('<?php echo IMAGES_PATH; ?>/shoes.jpg') no-repeat scroll center 20% rgba(0, 0, 0, 0);position:relative;">
                            <p class="text-right">$41.50</p>
                            <!--<img src="<?php echo IMAGES_PATH; ?>/shoes.jpg" alt="image"/>-->

                            <div class="product-desc">    
                                <p class='product-title'><a href='#'>Men's running shoes</a></p>
                                <p class='category'><a href='#'>Men</a> | <a href='#'>Footwear</a></p>
                            </div>
                        </div>
                        <div class="social-details">
                            <p class="pull-left">2 Likes</p>
                            <p class="pull-right">4 Shares</p>
                        </div>
                    </div>
                    <?php
                }
            ?>

        </div>
    </div>

</div>
<?php include_once 'footer.php'; ?>
